<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ElementUI 下拉菜单</title>
    <link rel="stylesheet" href="js/index.css">
    <script src="js/vue.js"></script>
    <script src="js/index.js"></script>
    <style>
        .el-dropdown-link {
            cursor: pointer;
            color: #409EFF;
        }

        .el-icon-arrow-down {
            font-size: 12px;
        }
    </style>
<body>
<div id="app">
<!--    鼠标悬浮 hover-->
<!--    disabled 禁用-->
<!--    divided 分割线-->
<!--    <el-dropdown>-->
<!--            <span class="el-dropdown-link">-->
<!--               下拉菜单<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
<!--            </span>-->
<!--        <el-dropdown-menu slot="dropdown">-->
<!--            <el-dropdown-item>退出系统</el-dropdown-item>-->
<!--            <el-dropdown-item disabled>修改密码</el-dropdown-item>-->
<!--            <el-dropdown-item divided>联系管理员</el-dropdown-item>-->
<!--        </el-dropdown-menu>-->
<!--    </el-dropdown>-->

<!--    点击 chile-->
<!--    <el-dropdown trigger="click">-->
<!--    <span class="el-dropdown-link">-->
<!--       下拉菜单<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
<!--    </span>-->
<!--        <el-dropdown-menu slot="dropdown">-->
<!--            <el-dropdown-item>退出系统</el-dropdown-item>-->
<!--            <el-dropdown-item disabled>修改密码</el-dropdown-item>-->
<!--            <el-dropdown-item divided>联系管理员</el-dropdown-item>-->
<!--        </el-dropdown-menu>-->
<!--    </el-dropdown>-->

<!--    按钮下拉菜单-->
    <el-dropdown split-button trigger="click">
    <span class="el-dropdown-link">
       下拉菜单<!--<i class="el-icon-arrow-down el-icon--right"></i>-->
    </span>
        <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>退出系统</el-dropdown-item>
            <el-dropdown-item disabled>修改密码</el-dropdown-item>
            <el-dropdown-item divided>联系管理员</el-dropdown-item>
        </el-dropdown-menu>
    </el-dropdown>
</div>
</body>
</html>
<script>
    new Vue({
        el: "#app"
    })
</script>